@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

.clearfix:before,.clearfix:after {  /*清楚浮动*/
  content:"";
  display:block;
  height:0;
  overflow:hidden;
  visibility:hidden;
  clear:both;
  zoom:1;
}
.clearfix:after{clear:both;}
.clearfix{
  *zoom:1;/*IE/7/6*/
}


.clearfix:before,.clearfix:after {  /*清楚浮动*/
  content:"";
  display:block;
  height:0;
  overflow:hidden;
  visibility:hidden;
  clear:both;
  zoom:1;
}
.clearfix:after{clear:both;}
.clearfix{
  *zoom:1;/*IE/7/6*/
}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;}  /*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
s,i,em{font-style:normal;text-decoration:none;}
a{color:#6E6E6E;}
figure{margin:0;}

/*公共类*/
.container {  /*内容、版心 提取 */
  width: 1210px;
  margin:0 auto;
}
.jq {  /*内容、版心 提取 */
  width: 1000px;
  margin:0 auto;
}
.js{
  width:952px;
  margin:0 auto;
}
.tlz{
  width:960px;
  margin:0 auto;
}
.boss{
  width:1170px;
  margin:0 auto;
}
.bei{
  width:1200px;
  margin:0 auto;
}
.lezhi{
  width:1002px;
  margin:0 auto;
}
.yb{
  width:1200px;
  margin:0 auto;
}
.fl {
  float:left !important;
}
.fr {
  float:right !important;
}
.ac {
  text-align:center;
}
.hide {
  display:none;
}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
*{box-sizing: border-box;}
.fw{font-weight:900;}
.black{color:#000;}
.gray{color:#787677;}
.pr{position: relative;}

.refresh-button{
background: #488dff;
}


// main-container global css
.app-container {
  padding: 20px;
}
.mi{
  .el-upload {
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-left: 0 !important;
}
}


.btn-gradient {
  width: 76px;
  height: 37px;
  background: linear-gradient(-90deg, rgba(72, 89, 255, 1), rgba(72, 141, 255, 1));
  box-shadow: 0px 3px 8px 0px rgba(72, 93, 255, 0.5);
  border-radius: 4px;
  padding: 0;
  &:hover,
  &:active {
    background: linear-gradient(-90deg, rgba(72, 89, 255, 1), rgba(72, 141, 255, 1));
  }
  .el-icon-refresh {
    font-size: 20px;
    vertical-align: -2px;
  }

}

.btn-back {
  width: 76px;
  height: 37px;
  background:rgba(204,204,204,1);
  box-shadow:0px 3px 8px 0px rgba(86,86,86,0.5);
  border-radius:4px;
  padding: 0;
  border-color: rgba(204,204,204,1);
  &:hover,
  &:active {
    background:rgba(204,204,204,1);
    border-color: rgba(204,204,204,1);
  }
  .el-icon-arrow-left {
    font-size: 20px;
    vertical-align: -2px;
  }
}

.btn-plain {
  border:1px solid rgba(204,204,204,1);
  border-radius:2px;
  font-size:14px;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(51,51,51,1);
  padding: 11px 12px;
}




